<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="java.util.*,util.*,dal.*,model.*, bll.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
	int idProject = MiscUtil.getIntUrlParam(request, "idProject");
	boolean hasProject = false;
	String projectName = "Unknown";
	String projectUrl = "";
	
	if(idProject != Integer.MIN_VALUE)
	{	
		projectName = CacheUtil.getProjectName(idProject);
		projectUrl = "project.jsp?id="+idProject;
		hasProject = true;
	}
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Create New Checklist</title>

<link rel="stylesheet" href="css/common.css" />
<link rel="stylesheet" href="css/inputForm.css" />
<link rel="stylesheet" href="css/listForm.css" />
<link rel="stylesheet" href="css/jquery-ui-1.8.14.custom.css" type="text/css" />
<link rel="stylesheet" href="css/hyjack.css" type="text/css" />
<link rel="stylesheet" href="css/datepicker.css" type="text/css" />
<link rel="stylesheet" href="css/themes/ui-lightness/jquery.ui.all.css" />
<link rel="stylesheet" href="css/jquery-ui-timepicker.css" type="text/css" />
<link rel="stylesheet" href="css/jquery-datepicker.css" />
<link rel="stylesheet" href="css/jquery-dialog.css" />

<script language="javascript" type="text/javascript" src="js/datepicker.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery-1.6.1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.hyjack.select.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.ui.core.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.ui.widget.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.ui.timepicker.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.ui.datepicker.js"></script>
<script language="javascript" type="text/javascript" src="js/datepicker.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.hyjack.js"></script>
<script language="javascript" type="text/javascript" src="js/ajaxQuickInsert.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.numeric.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.ui.tools.min.js"></script>
<script language="javascript" type="text/javascript" src="js/common.js"></script>

<script language="javascript" type="text/javascript">
	$(document).ready(pageLoaded);

	function pageLoaded()
	{

		initTooltip();
	} 
	
	var requiredInputs = [['title','title_required']];
// 	var intInputs = [];
// 	var doubleInputs = [];
// 	var dateInputs = [];
// 	var timeInputs = [];

	function checkInputs() {
		var valid = true;

		if (checkRequiredInputs(requiredInputs) == false) {
			valid = false;
		}
// 		if (checkIntInputs(intInputs) == false) {
// 			valid = false;
// 		}
// 		if (checkDoubleInputs(doubleInputs) == false) {
// 			valid = false;
// 		}
// 		if (checkDateInputs(dateInputs) == false) {
// 			valid = false;
// 		}
// 		if (checkTimeInputs(timeInputs) == false) {
// 			valid = false;
// 		}

		// SPECIFIC VALIDATE CODE HERE		

		return valid;
	}
</script>
</head>
<body>
	<div class="divContainer">
		<jsp:include page="menu.jsp"></jsp:include>
				<form id="inputForm" action="checklist?mode=insert<%if(hasProject){%>&id_project=<%=idProject%><%} %>" 
					method="post" onSubmit="return checkInputs()" 
					onreset="return confirm('Do you really want to reset the form?')">
					<table class="tblInput">
						<% if(hasProject){ %>
							<tr><td colspan="1">
								<b>Project:
									<a id="link_project" name="link_project" href="<%=projectUrl %>"><%=projectName %></a>
								</b>
							</td></tr>
						<% } %>
						<tr>
							<td  class="inputHeader">CREATE NEW CHECKLIST</td>
						</tr>
						<tr>
					<td style="padding-left: 400px; padding-right: 400px;">
						<table cellspacing="0px">
						<% if(!hasProject) { %>
							<tr>
								<td colspan="3">									
										<center><i>(Select project in the below list)</i></center>
								</td>
							</tr>
							<tr class="trField">							
								<td class="tdFieldName">Project</td>
								<td class="tdFieldInput" title="Project which new checklist belongs to.">
									<select id="id_project" name="id_project" class="hyjack" title="Project which new checklist belongs to.">
										<%=HtmlUtil.genModelSelect(CacheUtil.getProjectList(), null, idProject)%>
									</select> 
								</td>		
								<td class="tdErrMsg">
								</td>				
							</tr>							
						<% } %>
						<tr class="trField">
							<td class="tdFieldName">Title</td>
							<td class="tdFieldInput"><input class="inputText" type="text" id="title" name="title" maxlength="255" title="Title of new checklist. Note: Required."  onblur="validateRequiredInput('title');"/></td>
							<td class="tdErrMsg">
								<span id="title_required" class="errMsg" style="display: none;" title="Title is required.">(!)</span>
							</td>
						</tr>
						<tr class="trField">
							<td class="tdFieldName">Description</td>
							<td class="tdFieldInput">
								<textarea id="description" name="description" rows="5" class="inputTextarea" title="Description of new checklist."></textarea>
							</td>
							<td class="tdErrMsg"></td>
						</tr>						
						<tr class="trField">
							<td class="tdFieldName">Author</td>
							<td class="tdFieldInput">
								<select id="id_author" name="id_author" class="hyjack" title="Choose an author for new checklist.">
									<%=HtmlUtil.genModelSelect(CacheUtil.getEmployeeList(), null,Integer.MIN_VALUE,false,true)%>
								</select>
								<input class="btnAdd" type="button" id="addNewAuthor" value="" onclick="ajaxAddItemTwoSelectors('#id_author', '#id_approver', 'employee', 'name', 'Please enter new author name!');" title="Click here to add new employee." />
							</td>
							<td class="tdErrMsg"></td>
						</tr>
						<tr class="trField">
							<td class="tdFieldName">Approver</td>
							<td class="tdFieldInput">
								<select id="id_approver" name="id_approver" class="hyjack" title="Choose an approver for new checklist.">
									<%=HtmlUtil.genModelSelect(CacheUtil.getEmployeeList(), null,Integer.MIN_VALUE,false,true)%>
								</select> 
								<input class="btnAdd" type="button" id="addNewApproval" value="" onclick="ajaxAddItemTwoSelectors('#id_approver', '#id_author', 'employee', 'name', 'Please enter new approval name!');" title="Click here to add new employee." />
							</td>
							<td class="tdErrMsg"></td>
						</tr>
						<tr class="trInputBottom">
							
							<td class="tdInputBottom" colspan="3">
								<table class="tblSubmit" align="center">
									<tr class="trSubmit">
										<td class="tdSubmit"  style="padding-left: 0px"><input class="btnSubmit" type="submit" value="Submit" title="Click to save above information." />
										</td>
										<td class="tdReset"><input class="btnReset" type="reset" value="Reset" title="Click to reset all above fields." />
										</td>
									</tr>
								</table>
							</td>
						</tr>
				</table>
				</td>
			</tr>
		</table>
	</form>
				<%
					String urlChecklistList = "checklistList.jsp?embedded=true";
					if(idProject != 0)
						urlChecklistList += "&idProject="+idProject;
				%>
			<jsp:include page='<%=urlChecklistList%>'></jsp:include>
		</div>
</body>
</html>